<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <!-- array.reverse():用于将数组中的元素顺序颠倒排序 -->
    <p id="demo"> 点击数组出现颠倒</p>
    <button type="button" onclick="myFunction()">点击</button>
    <script>
        var fruits = [1, 2, 3, 4, 5, 6];

        function myFunction() {
            fruits.reverse();
            var x = document.getElementById("demo");
            x.innerHTML = fruits;
        }
    </script>
    <!-- sort()方法用于对字母和数字的排序,排序将数字或者字母进行升序或者降序
        该默认的排序方法是以首字母或者数字来排序,所以就会出现100排在99的前面,解决这个问题需要函数来实现
        这种方法会改变原始的数组
        array.sort(sortfunction:规定怎么将数组进行排序)
    -->
    <!-- w3c实例:将数组中的数字有小到大排序 -->
    <p id="demo1">将数组中的数字元素由小到大排序</p>
    <button type="button" onclick="myFunction()">点击</button>
    <script>
        function myFunction() {
            var points = [1, 694, 44, 15, 44, 10, 41544, 1, 44, 1, 401, 20, 0, 11, ];
            points.sort(function(a, b) {
                return a - b; //b-a就会变成由大到小排列
            });
            var x = document.getElementById("demo1");
            x.innerHTML = points;

        }
    </script>

</body>

</html>